@media screen {
  .str {
    color: #32CD32;
  }

  /* string content */
  .kwd {
    color: #0000FF;
  }

  /* a keyword */
  .com {
    color: #FF7F50;
  }

  /* a comment */
  .typ {
    color: #FF00FF;
  }

  /* a type name */
  .lit {
    color: #00CED1;
  }

  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo {
    color: #DAA520;
  }

  .tag {
    color: #0000FF;
  }

  /* a markup tag name */
  .atn {
    color: #FF00FF;
  }

  /* a markup attribute name */
  .atv {
    color: #32CD32;
  }

  /* a markup attribute value */
  .dec, .var {
    color: #FF00FF;
  }

  /* a declaration; a variable name */
  .fun {
    color: red;
  }

  /* a function name */
}